<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>登录页面</title>

    <meta name="description" content="User login page" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" />

    <!-- text fonts -->
    <link rel="stylesheet" href="fonts/fonts.googleapis.com.css" />

    <!-- ace styles -->
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/single.css" />
    <link rel="stylesheet" href="css/publish.css" />

    <script src="js/angular.min.js"></script>

</head>
<body>
    <div id="publish-box" class="visible widget-box">

        <div class="container">
            <nav class="mynavbar navbar navbar-default" role="navigation">
                <div style="float:left;width:20%;"><i class="fa fa-arrow-left fa-2x" style="color:white;margin:10px;"></i></div>
                <div class="navbar-header">
                    <div style="display:inline-block;position:relative;right:13%;"><a class="navbar-brand" href="#">发布任务</a></div>
                </div>
            </nav>

            <!--中间内容部分-->
            <div class="middle-content" ng-controller="publishCtrl">
                <form id="input_div" class="bs-example bs-example-form" role="form">
                    <div class="input-group my-input">
                        <span class="input-group-addon myspan"><i class="fa fa-check-circle-o"></i></span>
                        <select class="form-control myinput" ng-change="setSelectedType(typeVar)" ng-model="typeVar">
                            <option disabled selected hidden value="none">选择任务类型</option>
                            <option value="GE">取快递</option>
                            <option value="GM">帮带饭</option>
                            <option value="GB">帮带书</option>
                        </select>
                    </div>
                    <br>
                    <div class="input-group my-input">
                        <span class="input-group-addon myspan"><i class="fa fa-snowflake-o"></i></span>
                        <input type="text" class="form-control myinput" ng-model="title" placeholder="输入任务标题">
                    </div>
                    <br>
                    <div class="input-group my-input">
                        <span class="input-group-addon myspan bigger"><i class="fa fa-sticky-note-o"></i></span>
                        <textarea class="form-control myinput bigger" ng-model="description" placeholder="输入任务描述"></textarea>
                    </div>
                    <br>
                    <div class="input-group my-input">
                        <span class="input-group-addon myspan"><i class="fa fa-clock-o"></i></span>
                        <input type="text" class="form-control myinput" ng-model="start_t" placeholder="任务开始时间">
                    </div>
                    <br>
                    <div class="input-group my-input">
                        <span class="input-group-addon myspan"><i class="fa fa-info-circle"></i></span>
                        <input type="text" class="form-control myinput" ng-click="turn2Select()" ng-model="end_t" placeholder="任务结束时间">
                    </div>
                    <br>
                    <div class="input-group my-input">
                        <span class="input-group-addon myspan"><i class="fa fa-heart-o"></i></span>
                        <input type="text" class="form-control myinput" ng-model="credit" placeholder="任务奖励积分">
                    </div>
                    <br>
                    <div class="input-group my-input">
                        <span class="input-group-addon myspan"><i class="fa fa-check-circle-o"></i></span>
                        <select class="form-control myinput" ng-change="setSelectedAggregationType(aggregationVar)" ng-model="aggregationVar">
                            <option disabled selected hidden value="none">选择结果聚合函数</option>
                            <option value="TP">投票</option>
                        </select>
                    </div>
                    <br>
                    <div class="input-group my-input">
                        <span style="margin-left:5px;">任务人数：</span>
                        <span class="input-number-decrement" ng-click="decreaseNum()">–</span><input class="input-number" ng-model="worker_num" type="text" value="1"><span class="input-number-increment" ng-click="addNum()">+</span>
                    </div>
                    <br>
                    <div class="input-group my-input" ng-show="worker_num>1">
                        <span class="input-group-addon myspan"><i class="fa fa-check-circle-o"></i></span>
                        <select class="form-control myinput" ng-change="setSelectedAllocationType(taskAllocationVar)" ng-model="taskAllocationVar">
                            <option disabled selected hidden value="none">选择任务分配模式</option>
                            <option value="FCFS">先到先得</option>
                            <option value="RF">评分优先</option>
                            <option value="SBM">由我选择</option>
                        </select>
                    </div>
                    <br>
                </form>

                <div class="toolbar" style="display:none;"><a href="#" data-target="#select-box" id="publish_to_select"></a></div>
                <div class="input-group my-input">
                    <input type="button" class="form-control my-button-radius-border btn btn-info publish-btn" value="发布">
                </div>
            </div>

            <!--底部导航栏-->
            <nav class="bottom-navbar navbar navbar-default navbar-fixed-bottom" role="navigation">
                <ul class="nav navbar-nav bottom-ul">
                    <li><a class="btn" href="search_task.html"><i class="fa fa-eye fa-lg upper-img"></i> <span class="bottom-text">浏览</span></a></li>
                    <li><a class="btn" href="#"><i class="fa fa-address-book-o fa-lg upper-img-three"></i> <span class="bottom-text-three">通讯录</span></a></li>
                    <li><a class="btn myactive" href="#"><i class="fa fa-plus fa-lg upper-img"></i> <span class="bottom-text">发布</span></a></li>
                    <li><a class="btn" href="#"><i class="fa fa-user-o fa-lg upper-img"></i> <span class="bottom-text">我的</span></a></li>
                </ul>
            </nav>
        </div>

    </div>
    <!--select-location page-->
    <div id="select-box" class="widget-box" ng-controller="selectLocCtrl">
        <!--顶部导航栏-->
        <nav class="select-navbar navbar navbar-default" role="navigation">
            <div class="toolbar" style="display:none;"><a href="#" data-target="#publish-box" id="select_to_publish"></a></div>
            <div style="float:left;width:20%;"><i class="fa fa-arrow-left fa-2x" style="color:white;margin:10px;" ng-click="back2Publish()"></i></div>
            <div class="navbar-header">
                <form class="navbar-form" role="search" style="width:240px;">
                    <div class="input-group input-group-xs">
                        <input type="text" id="selectLoc" class="form-control searchinput" placeholder="搜索地址" ng-model="location_name"><span class="input-group-addon searchspan"><i class="fa fa-search" ng-click="search()"></i></span>
                    </div>
                    <div id="searchResultPanel" style="border:1px solid #C0C0C0;border-radius:20px;width:240px;height:auto; display:none;"></div>
                </form>
            </div>
        </nav>

        <div id="map"></div>
    </div>
    <!-- /.select-location-page -->

<script src="js/jquery.2.1.1.min.js"></script>
<script src="js/globalVar.js"></script>
<script src="js/datedropper.min.js"></script>
<script src="js/timedropper.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6ojaMOEL55KC64PyYMnjMptuPAGnnWtm"></script>
<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
<script src="js/publish.js"></script>
<!-- inline scripts related to this page -->
<script type="text/javascript">
    jQuery(function($) {
         $(document).on('click', '.toolbar a[data-target]', function(e) {
            e.preventDefault();
            var target = $(this).data('target');
            $('.widget-box.visible').removeClass('visible');//hide others
            $(target).addClass('visible');//show target
         });
    });
</script>
</div>
</body>
</html>
